<!DOCTYPE html>
<html>
<meta charset="utf-8">
<meta name="keywords" content="">
<meta name="description" content="">
<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="js/jquery.superslide.2.1.1.js" type="text/javascript"></script>
<SCRIPT src="js/jquery-1.2.6.pack.js" type=text/javascript></SCRIPT>
<SCRIPT src="js/base.js" type=text/javascript></SCRIPT>
<link rel="stylesheet" type="text/css" href="styles/global.css">
<!--引用百度地图API-->
<style type="text/css">
    .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
    .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
    .BMap_opMask{top:30px;}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
<head>
	<title>深圳实地圈科技有限公司</title>
</head>
<body>
<header class="headerwrap clears">
	<div class="pubtopwrap bg787">
		<div class="pubwrap phonecodebox">
			<nav class="phonecodenav l">
				<a href="#">
					<i class="phoneico"></i>
					<em class="colfff">手机实地圈</em>
					<span></span>
				</a>
				<section class="pubposcode bgfff">
					<h2 class="col333">免费下载实地圈手机版</h2>
					<p><img src="images/appcode.png"></p>
				</section>
			</nav>
			<nav class="topload r">
				<ul>
					<li>
						<a href="log.html" class="colfff">商家登陆</a>
					</li>
					<li>
						<a href="register.html" class="colfff">注册</a>
					</li>
					<li>
						<a href="log.html" class="colfff">用户登陆</a>
					</li>
				</ul>
			</nav>
		</div>
	</div>
	<div class="pubtopwrap bgf0f">
		<div class="pubwrap">
			<div class="pubtopcon">
				<div class="logo"></div>
				<nav class="changecity">
					<h2 class="col333">深圳</h2>
					<a href="#" class="col999">切换城市</a>
				</nav>
				<div class="pubsearch bgfff">
					<div class="searchMenu">
						<div class="searchSelected">
							<em class="col333">产品</em>
							<i class="arrorw"></i>
						</div>
						<div class="searchTab bgfff">
							<ul>
								<li class="">产品</li>
								<li class="">商家</li>
								<li class="">服务</li>
							</ul>
						</div>
					</div>
					<input type="text" class="searchinp col333">
					<a href="#" class="searcha colfff bge37c">搜索</a>
				</div>
			</div>
			<div class="clears"></div>
			<nav class="classifynav bge37c">
				<span class="colfff">全部分类</span>
				<ul>
					<li>
						<a href="index.html" class="colfff">首页</a>
					</li>
					<li>
						<a href="business.html" class="colfff">商家</a>
					</li>
					<li>
						<a href="service.html" class="colfff">服务</a>
					</li>
				</ul>
			</nav>
		</div>
	</div>
</header>
<div class="pubwrap">
	<nav class="crumbs">
		<ul>
			<li>
				<a href="#">首页</a>
			</li>
			<li><span>>></span></li>
			<li>
				<a href="#">个体</a>
			</li>
			<li><span>>></span></li>
			<li>
				<a href="#">红米商行</a>
			</li>
		</ul>
	</nav>
	<script type="text/javascript">
		$(document).ready(function(){
		  $(".shoplconr .shopcoll").click(function(){
		    $(".shoplconr .shopcoll i").toggleClass("on");
		  });
		});
	</script>
	<div class="shopwrap">
		<aside class="shopboxl">
			<h1 class="col333">红米商行</h1>
			<div class="shoplcon">
				<aside class="shoplconl">
					<p class="col666">地址： 清湖地铁站A出口向前走五十米 </p>
					<p class="col666">电话： 15712074625</p>
				</aside>
				<aside class="shoplconr">
					<div class="lookmap">
						<i class="lookmapico"></i>
						<em class="col419">查看地图</em>
					</div>
					<div class="clears"></div>
					<div class="shopcoll">
						<i class="off"></i>
						<em class="col666">收藏(1500)</em>
					</div>
				</aside>
				<div class="bigmapbox">
					<div class="bigmapkua">
						<div class="pubdelnav"></div>
						<map name="planetmap" id="dituContentbig" class="bigmap"></map>
					</div>
				</div>
				<script type="text/javascript">
					$(document).ready(function(){
					  $(".lookmap").click(function(){
					  	$(".bigmapbox").show();
					  });
					  $(".pubdelnav").click(function(){
					    $(".bigmapbox").hide();
					  });
					});
				</script>
				<script type="text/javascript">
				    //创建和初始化地图函数：
				    function initMap(){
				        createMaps();//创建地图
				        setMapEvent();//设置地图事件
				        addMapControl();//向地图添加控件
				    }
				    
				    //创建地图函数：
				    function createMaps(){
				        var map = new BMap.Map("dituContentbig");//在百度地图容器中创建一个地图
				        var point = new BMap.Point(114.044399,22.669973);//定义一个中心点坐标
				        map.centerAndZoom(point,17);//设定地图的中心点和坐标并将地图显示在地图容器中
				        window.map = map;//将map变量存储在全局
				    }
				    //地图事件设置函数：
				    function setMapEvent(){
				        map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
				        map.enableScrollWheelZoom();//启用地图滚轮放大缩小
				        map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
				        map.enableKeyboard();//启用键盘上下左右键移动地图
				    }
				    
				    //地图控件添加函数：
				    function addMapControl(){
				        //向地图中添加缩放控件
					var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
					map.addControl(ctrl_nav);
				        //向地图中添加缩略图控件
					var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
					map.addControl(ctrl_ove);
				        //向地图中添加比例尺控件
					var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
					map.addControl(ctrl_sca);
				    }
				    
				    
				    initMap();//创建和初始化地图
				</script>
			</div>
		</aside>
		<aside class="shopboxr">
			<nav class="shopad">
				<ul class="shopadimg">
			        <li><a href="#" target="_blank"><img src="ad/0.jpg" /></a></li>
			        <li><a href="#" target="_blank"><img src="ad/1.jpg" /></a></li>
			        <li><a href="#" target="_blank"><img src="ad/2.jpg" /></a></li>
			    </ul>
				<a href="#" class="prevCell"></a>
				<a href="#" class="nextCell"></a>
			</nav>
		</aside>
	</div>
	<script>
/*鼠标移过，左右按钮显示*/
$(".shopad").hover(function(){
	$(this).find(".prevCell,.nextCell").fadeTo("show",0.1);
},function(){
	$(this).find(".prevCell,.nextCell").hide();
})
/*鼠标移过某个按钮 高亮显示*/
$(".prevCell,.nextCell").hover(function(){
	$(this).fadeTo("show",0.7);
},function(){
	$(this).fadeTo("show",0.1);
})
</script>
	<div class="mainprobox">
		<aside class="detailasidel">
			<section class="detailkua">
				<h3 class="col333">商品详情</h3>
				<p class="detailp"></p>
			</section>
			<div class="detailkua">
				<h3 class="col333">本店商品</h3>				
			</div>
			<nav class="asidel">
			<a href="#" class="asidela">
				<img src="#">
				<section>
					<h3 class="puboverflow col333">这是一个标题这是一个标题这是一个标题</h3>
					<p class="col666">
					这是一个标题这是一个标题这是一个标题这是一个标题这是一个标题这是一个标题这是一个标题这是一个标题这是一个标题
					</p>
					<div>
						<span class="col999">50M</span>
						<span class="col999">个体(已认证)</span>
						<i></i>
					</div>
				</section>
				<strong class="col37c">
					￥6500
				</strong>
			</a>
			<a href="#" class="asidela">
				<img src="#">
				<section>
					<h3 class="puboverflow col333">这是一个标题这是一个标题这是一个标题</h3>
					<p class="col666">
					这是一个标题这是一个标题这是一个标题这是一个标题这是一个标题这是一个标题这是一个标题这是一个标题这是一个标题
					</p>
					<div>
						<span class="col999">50M</span>
						<span class="col999">个体(已认证)</span>
						<i></i>
					</div>
				</section>
				<strong class="col37c">
					￥6500
				</strong>
			</a>
			<a href="#" class="asidela">
				<img src="#">
				<section>
					<h3 class="puboverflow col333">这是一个标题这是一个标题这是一个标题</h3>
					<p class="col666">
					这是一个标题这是一个标题这是一个标题这是一个标题这是一个标题这是一个标题这是一个标题这是一个标题这是一个标题
					</p>
					<div>
						<span class="col999">50M</span>
						<span class="col999">个体(已认证)</span>
						<i></i>
					</div>
				</section>
				<strong class="col37c">
					￥6500
				</strong>
			</a>
			<nav class="pubpage">
				<a href="#" class="off">上一页</a>
				<a href="#" class="off">1</a>
				<a href="#" class="off">2</a>
				<a href="#" class="on">3</a>
				<a href="#" class="off">4</a>
				<a href="#" class="off">下一页</a>
			</nav>
		</nav>
		</aside>
		<aside class="asider">
			<h2 class="col333">本店其它商品</h2>
			<nav>
				<a href="#">
					<img src="#">
					<section>
						<h3 class="col333">波尔图红酒百 年珍藏</h3>
						<p class="col37c">￥100</p>
					</section>
				</a>
				<a href="#">
					<img src="#">
					<section>
						<h3 class="col333">波尔图红酒百 年珍藏</h3>
						<p class="col37c">￥100</p>
					</section>
				</a>
				<a href="#">
					<img src="#">
					<section>
						<h3 class="col333">波尔图红酒百 年珍藏</h3>
						<p class="col37c">￥100</p>
					</section>
				</a>
			</nav>
		</aside>
	</div>
	<div class="clears"></div>

	</div>
<SCRIPT type=text/javascript>
	$(function(){			
	   $(".jqzoom").jqueryzoom({
			xzoom:400,
			yzoom:400,
			offset:10,
			position:"right",
			preload:1,
			lens:1
		});
		$("#spec-list").jdMarquee({
			deriction:"left",
			width:400,
			height:56,
			step:2,
			speed:4,
			delay:10,
			control:true,
			_front:"#spec-right",
			_back:"#spec-left"
		});
		$("#spec-list img").bind("mouseover",function(){
			var src=$(this).attr("src");
			$("#spec-n1 img").eq(0).attr({
				src:src.replace("\/n5\/","\/n1\/"),
				jqimg:src.replace("\/n5\/","\/n0\/")
			});
			$(this).css({
				"border":"2px solid #ff6600",
				"padding":"1px"
			});
		}).bind("mouseout",function(){
			$(this).css({
				"border":"1px solid #ccc",
				"padding":"2px"
			});
		});				
	})
</SCRIPT>
<SCRIPT src="js/lib.js" type=text/javascript></SCRIPT>
<SCRIPT src="js/163css.js" type=text/javascript></SCRIPT>	
<div class="clears"></div>
</div>
<footer class="footerwrap bgf0f">
	<nav class="footernav">
		<a href="#" class="col666">下载APP</a>
		<a href="#" class="col666">进入官网</a>
		<a href="#" class="col666">联系我们</a>
	</nav>
	<div class="copyright col999">
		©2016 shidiquan.cn  京ICP证030173号  京公网安备11010802014106号  互联网药品信息
	</div>
</footer>
</body>
</html>